﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="PageDashboard.aspx.cs" Inherits="Thingpower.SS.EduOnline.BackgroundPages.PageDashboard" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="../assets/plugin-utils/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="../assets/plugin-utils/css/plugin-utils.css" rel="stylesheet" type="text/css" />
    <link href="../assets/plugin-utils/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="../assets/plugin-utils/css/ionicons.min.css" rel="stylesheet" type="text/css" />

    <link href="../assets/plugins/jquery-circliful/css/jquery.circliful.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="frmPageDashboard" runat="server" class="m-l-15 m-r-15 m-t-15">
        <div class="card-box">
            <ul class="nav nav-pills">
                <li class="nav-item active">
                    <a class="nav-link" href="pageDashboard.aspx">概览</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="pageCoursewareStudyStatistic.aspx">课件热度</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="pageUserStudyStatistic.aspx">学员学习情况</a>
                </li>
            </ul>
        </div>

        <div class="card-box">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-sm-4 col-lg-4">
                        <div class="widget-simple-chart text-right card-box">
                            <div class="circliful-chart hidden" data-dimension="90" data-text="35%" data-width="5" data-fontsize="14" data-percent="35" data-fgcolor="#5fbeaa" data-bgcolor="#ebeff2"></div>
                            <div class="circliful-chart"><img src="../assets/images/student.png" /></div>
                            <h3 class="text-success counter m-t-10"><asp:Literal ID="litUserCount" runat="server"></asp:Literal></h3>
                            <p class="text-muted text-nowrap m-b-10">学员人数</p>
                        </div>
                    </div>

                    <div class="col-sm-4 col-lg-4">
                        <div class="widget-simple-chart text-right card-box">
                            <div class="circliful-chart hidden" data-dimension="90" data-text="75%" data-width="5" data-fontsize="14" data-percent="75" data-fgcolor="#3bafda" data-bgcolor="#ebeff2"></div>
                            <div class="circliful-chart"><img src="../assets/images/courseware.png" /></div>
                            <h3 class="text-primary counter m-t-10"><asp:Literal ID="litCoursewareCount" runat="server"></asp:Literal></h3>
                            <p class="text-muted text-nowrap m-b-10">课件数</p>
                        </div>
                    </div>

                    <div class="col-sm-4 col-lg-4">
                        <div class="widget-simple-chart text-right card-box">
                            <div class="circliful-chart hidden" data-dimension="90" data-text="58%" data-width="5" data-fontsize="14" data-percent="58" data-fgcolor="#f76397" data-bgcolor="#ebeff2"></div>
                            <div class="circliful-chart"><img src="../assets/images/play.png" /></div>
                            <h3 class="text-pink m-t-10"><span class="counter"><asp:Literal ID="litStudyCount" runat="server"></asp:Literal></span></h3>
                            <p class="text-muted text-nowrap m-b-10">点播量</p>
                        </div>
                    </div>

                </div>
                    <!-- end row -->
            </div>
        </div>
    </form>
</body>
</html>
